jQuery ajax

您所在的位置：网站首页 › jquery data函数 › jQuery ajax

jQuery ajax

2024-01-12 16:15| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程浏览器脚本服务器脚本编程教程 XML 系列教程建站手册参考手册 jQuery 教程 jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画 jQuery stop() jQuery Callback jQuery Chaining jQuery HTML jQuery 获取 jQuery 设置 jQuery 添加 jQuery 删除 jQuery CSS 类 jQuery css() jQuery 尺寸 jQuery 遍历 jQuery 遍历 jQuery 祖先 jQuery 后代 jQuery 同胞 jQuery 过滤 jQuery AJAX jQuery AJAX 简介 jQuery 加载 jQuery Get/Post jQuery 杂项 jQuery noConflict() jQuery 实例 jQuery 实例 jQuery 测验 jQuery 参考手册 jQuery 参考手册 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS 操作 jQuery Ajax jQuery 遍历 jQuery 数据 jQuery DOM 元素 jQuery 核心 jQuery 属性 jQuery ajax - getJSON() 方法

jQuery Ajax 参考手册

实例

使用 AJAX 请求来获得 JSON 数据，并输出结果：

$("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result){ $.each(result, function(i, field){ $("div").append(field + " "); }); }); });

亲自试一试

定义和用法

通过 HTTP GET 请求载入 JSON 数据。

在 jQuery 1.2 中，您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据，如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。注意：此行以后的代码将在这个回调函数执行前执行。

语法 jQuery.getJSON(url,data,success(data,status,xhr)) 参数描述 url 必需。规定将请求发送的哪个 URL。 data 可选。规定连同请求发送到服务器的数据。 success(data,status,xhr)

可选。规定当请求成功时运行的函数。

额外的参数：

response - 包含来自请求的结果数据 status - 包含请求的状态 xhr - 包含 XMLHttpRequest 对象详细说明

该函数是简写的 Ajax 函数，等价于：

$.ajax({ url: url, data: data, success: callback, dataType: json });

发送到服务器的数据可作为查询字符串附加到 URL 之后。如果 data 参数的值是对象（映射），那么在附加到 URL 之前将转换为字符串，并进行 URL 编码。

传递给 callback 的返回数据，可以是 JavaScript 对象，或以 JSON 结构定义的数组，并使用 $.parseJSON() 方法进行解析。

示例

从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据：

$.getJSON("test.js", function(json){ alert("JSON Data: " + json.users[3].name); }); 更多示例例子 1

从 Flickr JSONP API 载入 4 张最新的关于猫的图片：

HTML 代码：

jQuery 代码：

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne? tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item){ $("").attr("src", item.media.m).appendTo("#images"); if ( i == 3 ) return false; }); }); 例子 2

从 test.js 载入 JSON 数据，附加参数，显示 JSON 数据中一个 name 字段数据：

$.getJSON("test.js", { name: "Bill", time: "2pm" }, function(json){ alert("JSON Data: " + json.users[3].name); });

jQuery Ajax 参考手册

jQuery 参考手册 jQuery 测验

关于 W3School 帮助 W3School 使用条款隐私条款技术支持：赢科蒙ICP备06004630号

【本文地址】

jQuery ajax

jQuery ajax

今日新闻

推荐新闻